<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收藏</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="../../js/app.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet"/>
		<link href="../../css/list.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../font-awesome-4.7.0/css/font-awesome.min.css" />
		<script src="../../js/mui.min.js"></script>
		<style type="text/css">
			.speak{
				/*输入框居中漂浮*/
			position: fixed;
			width:100%;
			top:50px;
			/*left:50%;*/
			margin: auto auto;
			padding: 0 5px;
			text-align: center;
			}
		</style>
	</head>
	<body>
		<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的收藏</h1>
		</header>
		<div class="mui-content" id="pullrefresh">
			<div style="background: #FFF;margin: 5px 5px;">
			       <div class="friend-list-left" id="contents"></div>
		   </div>
	    </div>
	    <div id="speak" class="speak" style="display:none;background: #DDDDDD;">
			<p style="margin:auto auto;font-size: 1.2em;color:#EC971F">修改内容</p>
			<textarea id="contentnew" type="text"rows="1" cols="10"placeholder="请输入"></textarea>
			<div style="margin-top: -24px;border-radius:5px;">
			<input id="pubish" style="font-size: 18px;margin: 2px 5px;padding:0 10px;float: right;" value="确认" type="submit">
			<input  style="font-size: 18px;margin: 2px 5px;float: right;padding:0 10px;" value="取消" type="submit" onclick="javascript:(document.getElementById('speak').style.display='none')">
			</div>
		</div>
	</body>
	<script src="../../js/common.js"></script>
	<script type="text/javascript">
   contentnew=document.getElementById('contentnew');
   //发布回复输入框控制
function speak(type,tid){
//	alert(type+":"+tid);
	str=document.getElementById(type+tid);
//	contentnew.rows=5;
contentnew.value=getFormatCodeb(str.innerHTML);	
//alert(str.innerHTML+'去空格'+getFormatCodeb(str.innerHTML));

	document.getElementById('speak').style.display='block';//显示输入框
	var tid=tid||'';
	document.getElementById('pubish').onclick=function(){
	document.getElementById('speak').style.display='none';//隐藏发布按钮
	modify(type,tid);
	}
}
function modify(type,tid){
//	alert(type+':'+contentnew.value);
	//k=键；act=修改方法，tid=主题id，type=修改类型；
	apptoken['k']= type||'';
	if(type=='note'){//如果修改的页面是内容多行文本，将会替换换行符
	apptoken['v']=getFormatCode(contentnew.value) ||'';
	}else{
		apptoken['v']=getFormatCodec(contentnew.value) ||'';
	}
	apptoken['tid']=tid;//获取详情id
	apptoken['act']='modify';//获取详情
	apptoken['mod']='goods';
mui.post(home.hos+'/Collect/admin',apptoken,function(data){
	alert(data);
		if(data==200){
		plus.ui.toast('修改成功');
	document.getElementById(type+tid).innerHTML=apptoken['v'];	
		}else{
		plus.ui.toast('操作失败');
		}
})
}
mui.init({  
		pullRefresh: {  
		container: '#pullrefresh', //触发刷新功能的id标签
		down: {  //触发下拉函数
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
        style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
      	color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
        range:'100px', //可选 默认100px,控件可下拉拖拽的范围
     	offset:'50px', //可选 默认0px,下拉刷新控件的起始位置
		contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
		contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
		contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
		callback: pulldownRefresh
	},
		up : {//触发上拉
		contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
		contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
		callback :pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
	}
              }  
          });  
//* 下拉刷新具体业务实现 
function pulldownRefresh() { 
	setTimeout(function () { 
	//            	document.getElementById('resume').innerHTML='';
	contents(0);//获取数据
	mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//关闭上拉刷新样式
	}, 1500);  //1500毫秒触发
} 
 //* 下拉刷新具体业务实现 
function pullupRefresh() { 
	setTimeout(function () { 
	contents(1);//获取数据
	mui('#pullrefresh').pullRefresh().endPullupToRefresh();//关闭下拉加载样式
	}, 1500);  //1500毫秒触发
} 
contents();
var	p= 0;
function contents(num){//微博列表
	var headimg=home.uploads+"/user/a.jpg";
	if(num==1){p=p+1}else{p=0;document.getElementById("contents").innerHTML='';};
	apptoken['p']= p;
	apptoken['mod']='goods';
	apptoken['act']='list';
//	alert(JSON.stringify(apptoken));
	 mui.ajax(home.hos+'/Collect/admin',{
	 	data:apptoken,
	 	dataType:'text',//服务器返回json格式数据
	 	type:'post',//HTTP请求类型
		timeout:5000,//超时时间设置为5秒；
		success:function(data){
	 	alert(data);
	 	if(data==204){
	 		plus.ui.toast('没有更多信息'+data);
	 		return false;
	 	}
	 	jsonarrfor(data);
		},error:function(xhr,type,errorThrown){
		plus.ui.toast('服务器超时！');
		console.log('服务器超时'+type);
	}});
}
function jsonarrfor(result){
//injsonstr(result,'list');
var	result=JSON.parse(result);
var classimg='';
var vals='';
for(var i=0;i<result.length;i++)
{

	if(!result[i].image){
		headimg="../../images/logo.png";
	}else{
		headimg=home.uploads+"/img/goods/min"+result[i].image;
	} 

	detailstyle(result[i].id,result[i].tid,result[i].createtime,result[i].note,result[i].profession,result[i].title);//推送到样式函数
}
}
function detailstyle(tid,rid,createtime,note,profession,title){
	if(createtime==''){//如果时间不存在调用系统当前时间
		var createtime=new Date().format("yy-MM-dd/h:m");
	}else{
	var createtime=new Date(parseInt(createtime) * 1000).format('yyyy-MM-dd hh:mm:ss');//转换时间戳
	}
	vals='<div id="zhiding'+tid+'" style="border-bottom: 1px solid #E3E3E3;"><li id="'+rid+'" ><div class="btn-right" onclick="delete_html('+tid+','+rid+',\'goods\')" >删除</div><div onclick="goto(\'goods\',\'home\',\'detail\','+rid+')" class="list-head"><img style="margin:3px" src="" onerror="this.onerror=null;this.src=\'../../images/logo.png\'"/>'+title+'<p></p><p style="font-size:0.8em"> 更新时间：'+createtime+'</p></div></li><h5 onclick="speak(\'note\','+tid+')">备注<span class="mui-icon mui-icon-compose"></span>:<span id="note'+tid+'">'+note+'</span></h5></div>';
	document.getElementById("contents").innerHTML+=vals;
	}
//删除收藏的html文档,并且撤销收藏；
function delete_html(tid,rid,mod){
if(!window.confirm('你确定要删除吗？')){
                 return false;
            }
var contents=document.getElementById('contents');
var html=document.getElementById("zhiding"+tid);
contents.removeChild(html);//删除div
addcollect(rid,'goods','');
}
	</script>
</html>
